<!DOCTYPE html>
<html>
<head>
	<title>订单详情</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/user.css">
	<style type="text/css">[v-cloak]{display: none;}</style>
</head>
<body class="body_bg order_book">
<div id="app" v-cloak>
	<div class="disFlex status_box ">
		<div>
			<p class="tips">提交预留</p>
			<img :src="status1==1?'img/statusm3.png':(status1==2?'img/statusm2.png':'img/statusm1.png')" class="icon_status" alt="">
			<p class="time">2019-6-12 12:03</p>
		</div>
		<div>
			<p class="tips">提交客户资料</p>
			<img :src="status2==1?'img/statusm3.png':(status2==2?'img/statusm2.png':'img/statusm1.png')" class="icon_status" alt="">
			<p class="time">待完善</p>
		</div>
		<div>
			<p class="tips">完成订单</p>
			<img :src="status3==1?'img/statusm3.png':(status3==2?'img/statusm2.png':'img/statusm1.png')" class="icon_status" alt="">
			<p class="time"></p>
		</div>
	</div>
	<div class="box_shadow_ff mt_35h">
		<div class="title">订单信息</div>
		<ul class="info">
			<li>
				<label>订单类型</label> 线上订单
			</li>
			<li>
				<label>支付方式</label> 微信支付
			</li>
		</ul>
	</div>
	<div class="box_shadow_ff mt_35h">
		<div class="title">客户信息</div>
		<ul class="info">
			<li>
				<label >姓&emsp;&emsp;名</label> 洛溪
			</li>
			<li>
				<label >电&emsp;&emsp;话</label> 18192305804
			</li>
		</ul>
		<div class="mt_35h">
			<div class="title">收货地址</div>
			<div class="area_box">
				<div class="justify">
					<span>洛溪</span> <span>14893820754</span>
				</div>
				<div class="address_info">
					四川省成都市成华区某某路四川省成都市成华区某某路
				</div>
			</div>
		</div>
		<div class="mt_35h line_list">
			<div class="title">入网资料</div>
			<div class="user_img_box">
				<div class="photo_box">
					<div class="img_card">
						<div class="img">
							<img src="img/card_z.png" alt="" class="card_img">
							<p class="img_info">身份证正面</p>
							<img src="img/card_f.png" alt="" class="card_img">
							<p class="img_info">身份证反面</p>
						</div>
						<div class="img2">
							<img src="img/card_p.png" class="card_person" alt="">
							<p class="img_info">手持身份证</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="box_shadow_ff mt_35h">
		<div class="title">号码信息</div>
		<ul class="info number_box">
			<li>
				<div class="number_span">
					<span>139</span><span>1910</span><span>2959</span>
				</div>
			</li>
			<li>
				归属地：成都
			</li>
			<li>
				运营商：移动
			</li>
			<li>
				套餐：99元大王卡套餐
			</li>
			<li class="number_free">
				<span class="text_blue">￥100</span>&nbsp;&nbsp;(含话费40元)
			</li>
		</ul>
	</div>
	<div class="btn_box manage mt_1rem">
		<div class="btn on" @click="orderStep1">完善资料</div>
		<div class="btn mt_25h">修改资料</div>
		<div class="btn mt_25h">取消预留</div>
	</div>


</div>
<script src="js/jquery.min.js"></script>
<script src="js/vue.min.js"></script>
<script src="js/public.js"></script>
<script type="text/javascript">
var app = new Vue({
	el:"#app",
	data:{
	    text:'text',
		password:'password',


	    status1:3,
		status2:1,
		status3:1,
		step:1,
	},
	methods:{
        passwordCancel:function () {
			location.href="user.html";
        },
		//完善资料
        orderStep1:function () {
			location.href="means_work.html"
        }
	},
	created:function(){},
	mounted:function(){}
})	

</script>
</body>
</html>